<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <ol class="breadcrumb" style="padding-top: 15px;">
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                log系统
            </li>
            <li class="active">
                <strong>log明细</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">
    </div>
</div>
<div ng-controller="LogDetial" class="wrapper wrapper-content animated fadeInRight">
      <div class="row">
        <div class="col-lg-12">
          <div class="ibox float-e-margins">
            <div class="ibox-title">
              <h5>log记录-{{logId}}</h5>
              <button class="btn btn-r-back" onclick="history.go(-1)"> <i class="fa fa-undo"></i> 返回 </button>
            </div>

            <div class="ibox-content">
              <div class="row">
                <div class="col-xs-12">
                  <div class="table-responsive">
                    <table class="table table-bordered" style="margin-bottom: 0">
                      <thead>
                        <tr>
                          <th>流水号</th>
                          <th>客户编号</th>
                          <th>应用名称</th>
                          <th>服务名称</th>
                          <th>来源</th>
                          <th>浏览器版本</th>
                          <th>请求时间</th>
                          <th>请求总耗时</th>
                          <th>状态</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>{{logId}}</td>
                          <td>xs3233</td>
                          <td>a系统</td>
                          <td>我要投资</td>
                          <td>pc</td>
                          <td>IE6</td>
                          <td>2015-12-21 17:23:50.003</td>
                          <td>437ms</td>
                          <td>错误</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>

                  <div class="table-responsive loger-detial-list" style="margin-top: 2rem">
                    <div class="inner">
                      <!-- <div class="content-box">
                        <ul id="myTab" class="nav nav-tabs">
                           <li class="active">
                              <a href="#home" data-toggle="tab">
                                 W3Cschool Home
                              </a>
                           </li>
                           <li><a href="#ios" data-toggle="tab">iOS</a></li>
                           <li class="dropdown">
                              <a href="#" id="myTabDrop1" class="dropdown-toggle" 
                                 data-toggle="dropdown">Java 
                                 <b class="caret"></b>
                              </a>
                              <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
                                 <li><a href="#jmeter" tabindex="-1" data-toggle="tab">jmeter</a></li>
                                 <li><a href="#ejb" tabindex="-1" data-toggle="tab">ejb</a></li>
                              </ul>
                           </li>
                        </ul>
                        <div id="myTabContent" class="tab-content">
                           <div class="tab-pane fade in active" id="home">
                              <p>W3Cschoool菜鸟教程是一个提供最新的web技术站点，本站免费提供了建站相关的技术文档，帮助广大web技术爱好者快速入门并建立自己的网站。菜鸟先飞早入行——学的不仅是技术，更是梦想。</p>
                           </div>
                           <div class="tab-pane fade" id="ios">
                              <p>iOS 是一个由苹果公司开发和发布的手机操作系统。最初是于 2007 年首次发布 iPhone、iPod Touch 和 Apple 
                              TV。iOS 派生自 OS X，它们共享 Darwin 基础。OS X 操作系统是用在苹果电脑上，iOS 是苹果的移动版本。</p>
                           </div>
                           <div class="tab-pane fade" id="jmeter">
                              <p>jMeter 是一款开源的测试软件。它是 100% 纯 Java 应用程序，用于负载和性能测试。</p>
                           </div>
                           <div class="tab-pane fade" id="ejb">
                              <p>Enterprise Java Beans（EJB）是一个创建高度可扩展性和强大企业级应用程序的开发架构，部署在兼容应用程序服务器（比如 JBOSS、Web Logic 等）的 J2EE 上。
                              </p>
                           </div>
                        </div>
                      </div> -->
                    </div>

                    <table class="table table-bordered table-hover" style="margin-bottom: 0">
                      <thead>
                        <tr>
                          <th>Step</th>
                          <th>类型</th>
                          <th>Status</th>
                          <th>Time-start</th>
                          <th>Time-end</th>
                          <th>Time</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>我要投资1</td>
                          <td>请求响应</td>
                          <td>成功</td>
                          <td>2015-12-21 17:23:50</td>
                          <td>2015-12-21 17:24:00</td>
                          <td>102ms</td>
                        </tr>
                        <tr>
                          <td>充值1.1</td>
                          <td>请求响应</td>
                          <td>成功</td>
                          <td>2015-12-21 17:23:50</td>
                          <td>2015-12-21 17:24:00</td>
                          <td>90ms</td>
                        </tr>
                        <tr>
                          <td>投资1.2</td>
                          <td>请求响应</td>
                          <td>成功</td>
                          <td>2015-12-21 17:23:50</td>
                          <td>2015-12-21 17:24:00</td>
                          <td>56ms</td>
                        </tr>
                        <tr>
                          <td>付款 1.2.1</td>
                          <td>请求响应</td>
                          <td>成功</td>
                          <td>2015-12-21 17:23:50</td>
                          <td>2015-12-21 17:24:00</td>
                          <td>56ms</td>
                        </tr>
                        <tr>
                          <td>支付 1.2.2</td>
                          <td>请求响应</td>
                          <td>成功</td>
                          <td>2015-12-21 17:23:50</td>
                          <td>2015-12-21 17:24:00</td>
                          <td>56ms</td>
                        </tr>
                        <tr>
                          <td><span style="color:orange">发送短信1.2.3</span></td>
                          <td>请求</td>
                          <td><span style="color:orange">警告</span></td>
                          <td>2015-12-21 17:23:50</td>
                          <td></td>
                          <td></td>
                        </tr>
                        <tr>
                          <td>查看明细 1.3</td>
                          <td>请求响应</td>
                          <td>成功</td>
                          <td>2015-12-21 17:23:50</td>
                          <td>2015-12-21 17:24:00</td>
                          <td>56ms</td>
                        </tr>
                        <tr>
                        <td><span style="color:red">取消订单 1.4</span></td>
                          <td>请求响应</td>
                          <td><span style="color:red">错误</span></td>
                          <td>2015-12-21 17:23:50</td>
                          <td>2015-12-21 17:24:00</td>
                          <td>56ms</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>